.order-template-add {
    position: relative;

    min-height: calc(100vh - 190px);

    .form-content {
        overflow-y: auto;

        min-height: calc(100vh - 260px);
        max-height: calc(100vh - 260px);
        padding: 24px;

        background-color: #fff;
    }
    .w420 {
        width: 420px;
    }
    .w100 {
        width: 100px;
    }
    .short {
        width: 150px;
    }
    .space {
        margin: 0 10px;
    }
    .right {
        margin-right: 10px;
    }
    .content {
        display: flex;
        align-items: center;

        margin-bottom: 14px;
        .square {
            flex-shrink: 0;

            width: 500px;
            padding: 17px;

            border: 1px solid #eaeaea;
            background: #ffffff;

            .items {
                display: flex;

                margin-bottom: 14px;

                .title {
                    flex-shrink: 0;

                    margin-right: 8px;
                }
                .tag {
                    margin-right: 8px;
                }
            }
        }
        .img {
            flex-shrink: 0;

            width: 26px;
            padding: 0 5px;

            cursor: pointer;
        }
    }
    .form-footer {
        position: absolute;
        bottom: -64px;
        left: -15px;

        display: flex;
        align-items: center;
        justify-content: center;

        width: calc(100% + 31px);
        height: 70px;

        border-radius: 2px;
        background-color: #fff;
        box-shadow: 0px 0px 10px 0px rgb(212 212 212 / 50%);
        // & > div {
        //     margin-left: -160px;
        // }
        .el-button {
            width: 80px;
        }
    }
}
